<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form>
      <input type="email" name="email" placeholder="请输入邮箱" />
      <input type="submit" value="提交" />
    </form>

    <form>
      <input type="url" name="url" placeholder="请输入网址" />
      <input type="submit" value="提交" />
    </form>

    <form>
      <input type="search" name="search" placeholder="请输入搜索内容" />
      <input type="submit" value="提交" />
    </form>

    <form>
      <input type="color" name="color" placeholder="请选择颜色" />
      <input type="submit" value="提交" />
    </form>

    <form>
      <input type="number" name="number" placeholder="请输入手机号码" 
       min="10" max="20" step="2"  />
      <input type="submit" value="提交" />
    </form>

    <form>
      <input type="range" name="range" placeholder="请输入手机号码"
       min="10" max="20" step="2" value="15" />
      <input type="submit" value="提交" />
    </form>

    <form>
      <input type="date" name="date" placeholder="请输入日期" />
      <input type="submit" value="提交" />
    </form>

    <form>
      <input type="month" name="month" placeholder="请输入日期" />
      <input type="submit" value="提交" />
    </form>

    <form>
      <input type="week" name="week" placeholder="请输入日期" />
      <input type="submit" value="提交" />
    </form>

    <form>
      <input type="time" name="time" placeholder="请输入时间" />
      <input type="submit" value="提交" />
    </form>

    <form>
      <input type="datetime-local" name="datetime-local" placeholder="请输入日期时间" />
      <input type="submit" value="提交" />
    </form>


  </body>
</html>
